<template>
	<div >
		<navbar></navbar>
        <lunbo></lunbo>
		<div class="contents ">
			<div class="details">
			<div class="content-l">
				<div class="hot">
					<img src="../../assets/img/Path 7.png" width="5px" height="18px" alt="">
					<h4 v-show="isshow==1">我的粉丝</h4>
					<h4 v-show="isshow==2">我的关注</h4>
					<h4 v-show="isshow==3">达人榜</h4>
				</div>
				<div class="details-list">
					<ul>
						<li class="lis">
							<div class="imgs">
								<img src="" />
							</div>
							<div class="my-fans">
								<div class="fans">
									<div class="fans-one">
										<p>
											lalla
											<p/>
											<p>
												33455粉丝
											</p>
									</div>
									<div class="focus">
										+关注
									</div>
								</div>
								<p>啦啦啦啦啦了啦啦啦啦啦啦阿里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
							</div>
						</li>
						<li class="lis">
							<div class="imgs">
								<img src="" />
							</div>

							<div class="my-fans">
								<div class="fans">
									<div class="fans-one">
										<p>
											李旺
											<p/>
											<p>
												33455粉丝
											</p>
									</div>
									<div class="focus">
										+关注
									</div>
								</div>
								<p>啦啦啦啦啦了啦啦啦啦啦啦阿里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
							</div>
						</li>
						<li class="lis">
							<div class="imgs">
								<img src="" />
							</div>
							<div class="my-fans">
								<div class="fans">
									<div class="fans-one">
										<p>
											lalla
											<p/>
											<p>
												33455粉丝
											</p>
									</div>
									<div class="focus">
										+关注
									</div>
								</div>
								<p>啦啦啦啦啦了啦啦啦啦啦啦阿里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉里啦啦啦啦啦啦拉拉拉阿拉阿拉拉了拉了拉</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="content-r">
				<div class="myphoto">
					<img src="" />
				</div>
				<span>
                	思密达
                </span>
				<div class="personal">
					<div class="one" @click="isFocus">
						<p>关注</p>
						<p>224242</p>
					</div>
					<div @click="isFans">
						<p>粉丝</p>
						<p>224242</p>
					</div>
				</div>
				<p>具体个人介绍文字具体个人介绍文字具体个人介绍……</p>
			</div>
		</div>
		</div>
		<message></message>
       <floot></floot>
	</div>
</template>

<script>
	import lunbo from '@/components/compon/lunbo'
	import navbar from '@/components/compon/navbar'
    import floot from '@/components/compon/floot'
    import message from '@/components/compon/message'
	 export default {
		components: {
			lunbo,
			navbar,
			floot,
			message
		},
		data(){
			return{
				isshow:1,
			}
		},
        created () {
    this.isshow = this.$route.params.ids //拿到通过路由传过来的ID
    console.log(this.isshow )
      },
		methods:{
			isFocus(){
				this.isshow=2
			},
			isFans(){
				this.isshow=1
			}
		}
  }
</script>

<style scoped>
	@import '../../assets/css/pages/fans.css';
	
</style>